<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">
<head>
    <title><%= htmlWebpackPlugin.options.title %></title>
    <%= require('../partials/head.ejs')() %>
</head>

<body class="light-bg">
<!-- S:header -->
<header class="header">
    <a href="market-list.html" class="ico-back"></a>
    <h1 class="hd-tit hd-tit-2 center">富国低碳环保基金
        <small class="fund-code">062711</small>
    </h1>
</header>
<!-- E:header -->

<!-- S:container -->
<div class="container">
    <!-- market-detail -->
    <div class="market-detail light-bg">
        <!-- fund-summary -->
        <div class="fund-summary red-box">
            <p class="fund-date">更新日期为：2016-03-03</p>
            <ul class="col3-y">
                <li>
                    <a href="history-value.html">
                        <h4 class="">单位净值(元)</h4>
                        <strong class="return-percent">2.888</strong>
                    </a>
                </li>
                <li>
                    <a href="fund-rise.html">
                        <h4>日涨跌</h4>
                        <strong class="return-percent green">+8.88%</strong>
                    </a>
                </li>
                <li>
                    <a href="fund-rise.html">
                        <h4>季收益率</h4>
                        <strong class="return-percent">-8.88%</strong>
                    </a>
                </li>
            </ul>
            <div class="fund-attr-list-y">
                <p class="fund-attr-y">
                    <!-- <span class="min-amount fr">1000.00元起购</span>
                    <span class="org-type fl">混合型</span>
                    <span class="ioc-pic"><b class="hi-risk">高风险</b></span> -->
                    <span>混合型</span>
                    <span class="orange"><b class="ioc-pic-y"></b>高风险</span>
                    <span>1000.00元起购</span>
                </p>
            </div>
        </div>
        <!-- md-bar -->
        <div class="md-bar-y box">
            <a href="fund-intro.html" class="grey arrow-right">
					<span class="col">
						申购确认：<strong class="dark">1个交易日</strong>
					</span>
					<span class="col">
						赎回到账：<strong class="dark">5个交易日</strong>
					</span>
            </a>
        </div>
        <!-- md-chart -->
        <div class="no-md-chart">
            <!-- sec-tab -->
            <div class="sec-tab">
                <a href="javascript:;" class="active">单位净值</a>
                <a href="javascript:;">累计收益率</a>
            </div>
            <!-- sec-tab-cont 1 -->
            <div class="sec-tab-cont">
                <div class="filter-tab">
                    <ul>
                        <li class="active">一月</li>
                        <li>一季</li>
                        <li>半年</li>
                        <li>一年</li>
                    </ul>
                </div>
                <div class="filter-cont">
                    <ul class="grey">
                        <li>2016-03-03</li>
                        <li>
                            单位净值：<strong class="dark">1.1545</strong>
                        </li>
                        <li>
                            <!-- red green -->
                            当日涨幅：<strong class="red">+0.90%</strong>
                        </li>
                    </ul>
                </div>
                <div class="filter-chart">
                      <div id="container"></div>
                </div>
                <!-- <div class="filter-chart hide">
                      <div id="container" style="min-width:600px;height:500px" ></div>
                </div>
                <div class="filter-chart hide">
                      <div id="container" style="min-width:600px;height:500px" ></div>
                </div>
                <div class="filter-chart ">
                      <div id="container" style="min-width:600px;height:500px" ></div>
                </div> -->
            </div>
            <!-- sec-tab-cont 2 -->
            <div class="sec-tab-cont hide">
                <div class="filter-tab">
                    <ul>
                        <li class="active">一月</li>
                        <li>一季</li>
                        <li>半年</li>
                        <li>一年</li>
                    </ul>
                </div>
                <div class="filter-cont">
                    <ul class="grey">
                        <li>2016-03-27</li>
                        <li>
                            <span class="fc-dot dot-green"></span>区间收益率:<strong class="green">－8.80%</strong>
                        </li>
                        <li>
                            <!-- red green -->
                            <span class="fc-dot dot-org"></span>沪深300:<strong class="red">-3.60%</strong>
                        </li>
                    </ul>
                </div>
                <div class="filter-chart">
                    <div id="" style="min-width:700px;height:400px">
</div>
                </div>
            </div>
        </div>
        <!-- md-intro -->
        <div class="md-intro">
            <!-- sec-tab -->
            <div class="sec-tab sec-tab-3">
                <a href="javascript:;" class="active">简介</a>
                <a href="javascript:;">资产配置</a>
                <a href="javascript:;">分红</a>
            </div>
            <!-- sec-tab-cont 1 -->
            <div class="sec-tab-cont">
                <div class="intro-list">
                    <ul class="line-bottom-list">
                        <li>
                            <a href="fund-manager.html" class="arrow-right">
                                <span class="tit">基金经理</span><span class="cont">王小明</span>
                            </a>
                        </li>
                        <li>
                            <a href="fund-company.html" class="arrow-right">
                                <span class="tit">基金公司</span><span class="cont">王小明投资有限公司</span>
                            </a>
                        </li>
                        <li>
                            <span class="tit">成立日期</span><span class="cont">2016-03-03</span>
                        </li>
                        <li>
                            <span class="tit">份额规模</span><span class="cont">39.68亿元</span>
                        </li>
                        <li>
                            <span class="tit">资产规模</span><span class="cont">98.38亿元</span>
                        </li>
                        <li>
                            <a href="invest-strategy.html" class="arrow-right">
                                <span class="tit">投资策略</span><span class="cont">混合型激进型</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- sec-tab-cont 2 -->
            <div class="sec-tab-cont hide">
                <div class="asset-setting">
                    <div class="pie">
                        <img src="../../images/pie@2x.png" alt="">
                    </div>
                    <div class="as-list">
                        <ul class="line-bottom-list">
                            <li>
                                <h2 class="fund-type grey">十大重仓</h2>
                            </li>
                            <li><span class="percent fr grey">占18%</span>
                                <h3 class="fund-name">彭华啥啥基金
                                    <small class="fund-code grey">061233</small>
                                </h3>
                            </li>
                            <li><span class="percent fr grey">占18%</span>
                                <h3 class="fund-name">彭华啥啥基金
                                    <small class="fund-code grey">061233</small>
                                </h3>
                            </li>
                            <li><span class="percent fr grey">占18%</span>
                                <h3 class="fund-name">彭华啥啥基金
                                    <small class="fund-code grey">061233</small>
                                </h3>
                            </li>
                            <li><span class="percent fr grey">占18%</span>
                                <h3 class="fund-name">彭华啥啥基金
                                    <small class="fund-code grey">061233</small>
                                </h3>
                            </li>
                            <li><span class="percent fr grey">占18%</span>
                                <h3 class="fund-name">彭华啥啥基金
                                    <small class="fund-code grey">061233</small>
                                </h3>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- sec-tab-cont 3 -->
            <div class="sec-tab-cont hide">
                <div class="time-line">
                    <ul>
                        <li>
                            <span class="ico-wallet red-wallet"></span>
                            <p class="dark">每10份派1.00元份</p>
                            <p class="date grey">
                                <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                            </p>
                        </li>
                        <li>
                            <span class="ico-wallet green-wallet"></span>
                            <p class="dark">每10份派1.00元份</p>
                            <p class="date grey">
                                <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                            </p>
                        </li>
                        <li>
                            <span class="ico-wallet red-wallet"></span>
                            <p class="dark">每10份派1.00元份</p>
                            <p class="date grey">
                                <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                            </p>
                        </li>
                        <li>
                            <span class="ico-wallet green-wallet"></span>
                            <p class="dark">每10份派1.00元份</p>
                            <p class="date grey">
                                <span class="fr">派息日：<strong class="dark">2016-03-03</strong></span>
                                <span class="dividend">分红日：<strong class="dark">2016-03-03</strong></span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- E:container -->

<!-- S:fix-bar -->
<div class="fix-bar">
    <p class="grey">申购费率</p>
    <p class="fee-rate">
        <a href="fee-rate.html">
            <strong class="red">1.00%</strong>
            <del class="grey">1.5%</del>
        </a>
    </p>
    <a href="fund-purchase.html" class="fix-btn">申购</a>
</div>
<!-- E:fix-bar -->

<script>
    seajs.use([
        "highcharts"
    ], function (service) {
      $(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
        title: {
            text: 'US and USSR nuclear stockpiles'
        },

        xAxis: {
            labels: {
                formatter: function() {
                    return this.value; // clean, unformatted number for year
                }
            }
        },
        yAxis: {
            title: {
                text: 'Nuclear weapon states'
            },
            labels: {
                formatter: function() {
                    return this.value / 1000 +'k';
                }
            }
        },
        tooltip: {
            pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
        },
        plotOptions: {
            area: {
                pointStart: 1940,
                marker: {
                    enabled: false,
                    symbol: 'circle',
                    radius: 2,
                    states: {
                        hover: {
                            enabled: true
                        }
                    }
                }
            }
        },
        series: [ {
            name: 'USSR/Russia',
            data: [null, null, null, null, null, null, null , null , null ,null,5, 25, 50,
            	120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,4238, 5221, 6129,
            	7089, 8339, 9399, 10538, 11643, 13092, 14478,15915, 17385, 19055, 21205,
            	23044, 25393, 27935, 30062, 32049,33952, 35804, 37431, 39197, 45000, 43000,
            	41000, 39000, 37000,35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000,
            	22000,21000, 20000, 19000, 18000, 18000, 17000, 16000
            ]
        }]


            });
        });

    });




</script>
</body>
</html>
